<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	    <title>Login</title>	
	    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	  	<script type="text/javascript" src="js/jquery.js"></script>
	  	<script type="text/javascript">
	  		$(document).ready(function(){
	  			$("input").focusin(function(){
	  				$(this).addClass("select");	  			
	  			}).focusout(function(){
	  				var inputObj = $(this);
	  				inputObj.removeClass("select");
	  				if(inputObj.val()=="" || inputObj.val()== null)
	  					inputObj.prev(".warning").fadeIn("50").fadeOut("slow");
	  			});
	  			$("#reg").click(function(){
	  				if($("#userpass").val() != $("#re_userpass").val()){
	  					alert("两次密码不一致");
	  					return false;
	  				}
	  			})
	  		})
	  	</script>
	  	<link rel="stylesheet" href="css/register.css" type="text/css">	  	
  	</head>
  
  <body>
  	<div id='register'>
  		<div id='title'>用户注册</div>
  		<div>
  			<div style="border:0px solid black; margin:auto; margin-top:20px; width:80%; padding:5%;">
	  			<form action="../servlet/UserRegister" method="post">	  				
	  				<span>用&nbsp;户&nbsp;名：</span><div class="warning"></div>
	  				<input type="text" name="username" id='username'><br><br>
	  				<span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span><div class="warning"></div>
	  				<input type="password" name="userpass" id='userpass'><br><br>
	  				<span>确认密码：</span><div class="warning"></div>
	  				<input type="password" name="re_userpass" id='re_userpass'><br><br>
	  				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	  				<input type="submit" value="注册" id="reg">
	  				<input type="reset" value="重置">
	  			</form>
  			</div>
  		</div>
  	</div>
  </body>
</html>
